.head {
    .text {
        color: #333;
        font-size: 18px;
    }
    a.text {
        color: #4f9ad8;
    }
}
.title {
    font-size: 20px;
    font-weight: 600;
}
button {
    background-color: #fff; 
    box-shadow: 1px 1px 4px #ccc;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    color: #333;
    min-height: 30px;
    min-width: 80px;
    margin: 0 4px;
}
input {
    background-color: #dadada;
    border: none;
    border-radius: 4px;
    min-height: 30px;
    color: #333;
}
#errmsg {
    color: red;
    white-space: pre-wrap;
    font-weight: bold;
}
#state {
    color: #2fb2da;
    margin-bottom: 10px;
    font-weight: bold;
}
.lang .row {
    border-top: 2px solid #333;
    margin-bottom: 10px;
    padding-top: 5px;
    .line {
        display: flex;
        gap: 10px;
    }
    .data {
        color: #4f9ad8;
    }
    .tips.success {
        color: #4fd866;
    }
    .tips.error {
        color: #dd3131;
    }
    .rewrite{
        background-color: #dd3131;
        color: #fff;
        margin-left: 10px;
    }
}
.lang .row.success {
    border-color: #4fd866;
}
.findRes {
    margin-top: 10px;
    .row {
        border-top: 1px solid #333;
        margin-bottom: 5px;
        padding: 10px;
        display: flex;
        gap: 20px;
    }
}
.cofing {
    margin-top: 20px;
}
#confirm {
    min-width: 100px;
    height: 40px;
    background-color: #4f9ad8;
    color: #fff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}
#confirmCover {
    min-width: 100px;
    min-height: 40px;
    border-radius: 10px;
    background-color: #dd3131;
    color: #fff;
}
#find {
    min-width: 100px;
    height: 40px;
    background-color: #bfd84f;
    color: #fff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}
.input,
.obj,
.token {
    display: flex;
    margin-bottom: 10px;
}
#config{
    #configArea{
        width: 500px;
        height: 200px;
        white-space: pre-wrap;
    }
}
#findResList{
    .tips.success{
        color: #4fd866;
    }
}